﻿@charset "utf-8";
/* 样式说明： 初始化css
 * 开发时间： 2014-03-12
 * 开发者： yjs   
 * 维护者： yjs
 *
 * 版本时间： 2014-03-12
 * 注意事项： 基本样式,所有共用基本样式将在这里定义
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, iframe, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: baseline; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; vertical-align:middle; }
address, caption, cite, code, dfn, em, strong, th, var, i { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
/** 设置默认字体 **/
body { color: #222222; font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma; font-size: 14px; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
em { font-style:normal; }
/** 重置列表元素 **/
/** 重置超链接元素 **/
a { color: #2E7DC6; text-decoration: none; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.clr { clear:both!important; }
.dis_none { display:none; }
.ap { position:relative; }
.pointer { cursor:pointer; }
.tc { text-align:center!important; }
.vm { vertical-align:middle!important; }
.bold { font-weight:bold; }
.bgwhite { background:#fff; }
.hidden { overflow:hidden; }
.body { width:1000px; margin:0 auto; padding: 2.5em 0 3.5em; }
/**---------------------------- initialize--------------------------*/
.mar_l_05 { margin-left:5px; }
.mar_l_10 { margin-left:10px; }
.mar_r_05 { margin-right:5px; }
.mar_r_10 { margin-right:10px; }
.mar_b_10 { margin-bottom:10px; }
.mar_t_05 { margin-top:5px; }
.mar_t_10 { margin-top:10px; }
.pad_l_10 { padding-left:10px; }
.space_05 { height:5px; overflow:hidden; }
.space_30 { height:30px; overflow:hidden; }
.mar_l_20 { margin-left:20px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.col008 { color:#e00008; }
.col460 { color:#460000; }
a.col6e0 { color:#6e0000; text-decoration:underline; }
.zi_yahei { font-family:"微软雅黑", "宋体"; }
.head_box { background-color: #F3F3F3; border-bottom: 1px solid #C3C3C3; border-top: 4px solid #67AD03; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 -1px 0 0 #FCFCFC inset; position: relative; }
.head_box .inner { width: 1000px; height:60px; margin:0 auto; }
.logo { float: left; font-size: 24px; padding-top: 8px; }
.logo a { display: block; height:40px; overflow: hidden; background:url(../images/bg_logo1c6bdf.png) no-repeat; text-decoration: none; width: 248px; }
.account { float: right; _display:inline; padding-top: 10px; position:relative; }
.account a { color: #222222; float:left; margin-right:15px; }
.account a.name { margin:18px 15px 0 0; }
.account label { position:absolute; top:10px; left:52px; }
.account_logout { border-left: 1px solid #ADADAD; box-shadow: 1px 0 0 0 #FFFFFF inset; display: inline-block; margin-left:20px; margin-top: 18px; padding-left: 14px; }
/*  main */
.main { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 2px 2px 0 #E3E3E3; min-height: 650px; }
.side, .aside { min-height:650px; float:left; }
.side { background-color: #F3F3F3; width:189px; border-right: 1px solid #D3D3D3; }
.side .menu li { background:#F3F3F3; cursor:pointer; line-height:40px; text-indent:2em; position:relative; text-verflow:ellipsis; white-space:nowrap; overflow:hidden; width:auto; border-top: 1px solid #D1D1D1; box-shadow: 0 1px 0 0 #FDFDFD inset; }
.side .menu li.bor_t_no { border-top:none; }
.side .menu li ul li.on { background-color: #6BB05F; background-image: linear-gradient(to bottom, #79BD6E 0px, #62A855 100%); border-bottom: 1px solid #549249; box-shadow: none; color: #FFFFFF; }
.side .menu li ul { display:none; }
.side .menu li ul li { padding:0; background:#F3F3F3; color:#222222; padding:5px 0 5px 10px; line-height:25px; }
.side .menu li ul li.hover { background-color: #B5DAAF; }
.aside { width:808px; background:#fff; }
.aside .asidetop { background-color: #E9E9E9; background-image: linear-gradient(to bottom, #F3F3F3 0px, #E3E3E3 100%); border-bottom: 1px solid #D3D3D3; box-shadow: 0 1px 0 0 #FCFCFC inset; color: #545454; font-size: 14px; height: 36px; line-height: 36px; color:#545454; }
.asidetop .tab_navs { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; line-height: 36px; text-align: center; float:left; }
.asidetop .search_bar { margin-right: 20px; text-align: right; }
.frm_input_box { background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius:20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px 0 30px; position: relative; vertical-align: middle; width:170px; }
.icon16_common { display: inline-block; height: 16px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 16px; }
.icon16_common.search_gray { background: url(../images/base_z.png) no-repeat 0 -1974px; left: 0.8em; position: absolute; top: 50%; margin-top:-8px; }
.frm_input, .frm_textarea { background-color:transparent; border: 0 none; outline: 0 none; width: 100%; }
.sub_title_bar { line-height: 38px; padding: 0 20px; }
.sub_title_bar.white { background: #FFFFFF; border-bottom: 1px solid #CFCFCF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08); }
.sub_title_bar .info { float: left; }
.sub_title_bar h3 { float: left; margin-right: 15px; font-size: 14px; font-style: normal; font-weight: 400; }
.frm_radio_label, .frm_checkbox_label { cursor: pointer; display: inline-block; margin-right: 1em; text-align: left; float:left; }
.icon_checkbox.selected, .selected .icon_checkbox { background: url(../images/base_z.png) no-repeat 0 -3285px; }
.icon_checkbox { background: url(../images/base_z.png) no-repeat 0 -3259px; display: inline-block; height: 16px; margin-top: -0.2em; vertical-align: middle; width: 16px; }
.frm_radio, .frm_checkbox { left: -999em; position: absolute; }
.btn.page_prev, .btn.page_next { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; font-size: 0; height: 21px; letter-spacing: -5px; line-height: 21px; padding-left: 20px; padding-right: 20px; position: relative; width: auto; }
.btn.page_prev .arrow, .btn.page_next .arrow { left: 50%; margin-left: -3px; margin-top: -6px; position: absolute; top: 50%; }
.page_next .arrow { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666666; border-style: dashed dashed dashed solid; border-width: 6px 0 6px 6px; display: inline-block; height: 0; width: 0; }
.page_nav_area { letter-spacing: 4px; }
.page_nav_area, .goto_area { display: inline-block; font-size: 12px; vertical-align: middle; }
.page_num { display: inline-block; font-size: 14px; letter-spacing: normal; vertical-align: middle; }
.asidetop .tab_navs li { float:left; }
.asidetop .tab_navs li a { color:#222222; display:block; border-right:1px solid #D3D3D3; padding: 0 20px; text-decoration: none; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; }
.asidetop .tab_navs li.selected { border-top:3px solid #70B213; position: relative; top:-1px; line-height:35px; background:#fff; }
.aside .innder_box { padding:10px 0px; clear:both; border-bottom: 1px solid #CFCFCF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08); }
.group_area { line-height:50px; margin-left:10px; }
.group_area span.word { width:60px; float:left; margin-right:10px; _display:inline; text-align:right; }
.innder_box .group { text-align:left; background:#f4f4f4; background-image:linear-gradient(to bottom, #f9f9f9 0, #f0f0f0 100%); border:1px solid #c3c3c3; border-radius: 3px; height:25px; line-height:25px; *line-height:23px;
width:95px; position:relative; display:inline-block; vertical-align:middle; }
.innder_box .group a { color:#000000; }
.innder_box .group:hover { background:#f8f8f8; background-image:linear-gradient(to bottom, #f9f9f9 0, #f8f8f8 100%); box-shadow:0 1px 3px rgba(0,0,0,0.1); color:#000 }
.innder_box .group label { cursor: pointer; display: block; margin-left: 10px; margin-right: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; }
.innder_box .arrow { position:absolute; right:8px; top:50%; margin-top:-3px; display:inline-block; width:0; height:0; border-width:6px; border-style:dashed; border-color:transparent; border-bottom-width:0; border-top-color:#666; border-top-style:solid }
.data_list { display:none; position:absolute; top:26px; left:0; z-index:1; max-height:150px; min-height:2em; min-width:100%; overflow-x:hidden; *overflow-x:auto;
overflow-y:auto; border:1px solid #c6c6c6; box-shadow:0 5px 10px rgba(0,0,0,0.2); background-color:#fff; border-radius:3px; font-size:14px }
.data_item:hover { background:#e5e5e5; }
.data_item a { display:block; text-decoration:none; color:#222; white-space:nowrap; padding:0 28px 0 10px; *padding-right:10px
}
.aside .tab_menu { border-bottom:1px solid #D3D3D3; border-top:1px solid #D3D3D3; background:#F5F6F6; height:36px; line-height:36px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; }
.aside .bor_t_none { border-top:none; }
.aside .tab_menu ul li { float:left; }
.aside .tab_menu ul li.on { background:#D3D3D3; }
.aside .tab_menu ul li a { color: #222222; display: block; padding: 0 20px; text-decoration: none; }
.aside .text_main { background:#fff; padding: 14px 20px; border:0; width:768px; resize:none; word-break: break-all; word-wrap: break-word; height:80px; }
.aside .tab_menu .face { float:left; _display:inline; margin-left:10px; }
.aside .tab_menu .remain { float:right; color:#7B7B7B; _display:inline; margin-right:10px; }
.aside .tab_menu .remain em { color:#f00; margin:0 6px; }
.aside .space { margin-left:15px; line-height:26px; }
.btn_primary, .btn_default { background:#5aaa4b; background-image:linear-gradient(to bottom, #60b452 0, #56a447 100%); border:1px solid #3d810c; color:#fff; display:inline-block; overflow:visible; height:30px; line-height:30px; *line-height:28px;
vertical-align:middle; text-align:center; text-decoration:none; border-radius:3px; font-size:14px; cursor:pointer; margin:20px 0 0 20px; }
.btn_default { background:#F4F4F4; }
.btn_primary:hover { background:#53a046; background-image:linear-gradient(to bottom, #5aab4d 0, #4f9841 100%); box-shadow:0 1px 2px rgba(0,0,0,0.3); color:#fff }
.btn_default:hover { background:#f8f8f8; background-image:linear-gradient(to bottom, #f9f9f9 0, #f8f8f8 100%); box-shadow:0 1px 3px rgba(0,0,0,0.1); color:#000 }
.btn_primary button { color:#fff; background-color: rgba(0, 0, 0, 0); border: 0 none; display: block; height: 100%; outline: 0 none; overflow: visible; padding: 0 36px; cursor:pointer; }
.main_bd { padding: 20px 50px; }
.account_setting_item { border-bottom: 1px solid #E6E6E6; padding: 24px 16px; }
.account_setting_item h4 { float: left; font-style: normal; font-weight: 400; margin-right: 20px; width: 130px; }
.account_setting_item .meta_opr { color: #A3A3A3; float: right; margin-left: 16px; text-align: right; word-break: break-all; word-wrap: break-word; }
.account_setting_item .meta_content { display: table-cell; float: none; width: auto; word-break: break-all; word-wrap: break-word; }
.btn { border-radius: 3px; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; overflow: visible; padding: 0 36px; text-align: center; text-decoration: none; vertical-align: middle; }
.goto_area input[type="text"] { border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; font-size: 14px; height: 13px; line-height: 13px; margin-right: 4px; padding: 4px 0; text-align: center; vertical-align: middle; width: 40px; }
.btn.page_first, .btn.page_last, .btn.page_go { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; height: 21px; line-height: 21px; padding-left: 12px; padding-right: 12px; width: auto; }
.pagination_wrp { text-align: right; }
.message_list { padding: 20px 20px 0; }
.message_item { border-bottom: 1px solid #DDDCDC; min-height: 46px; padding: 15px 0; }
.message_item:hover { background:#f3f3f3; }
.message_opr { display: none; float: right; margin-right: 20px; }
.message_info { margin-right: 160px; }
.message_content.text { padding-bottom: 2px; padding-top: 0; }
.message_content { color: #7B7B7B; margin-left: 80px; margin-right: 365px; padding-top: 6px; word-break: break-all; word-wrap: break-word; }
.message_status { color: #7B7B7B; float: right; margin-top: 0; min-height: 1em; width: 100px; }
.message_status .tips { color: #A67C52; display: none; font-style: normal; font-weight: 400; margin-left: 1em; }
.message_status .tips i { font-style: normal; font-weight: 400; margin-right: 3px; }
.message_time { color: #7B7B7B; float: right; margin-top: 0; width: 107px; }
.user_info { margin-left: 80px; margin-right: 215px; position: relative; }
.user_info .remark_name { color: #222222; }
.icon14_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -1371px; margin-left: 4px; margin-top: -0.2em; display: inline-block; height: 14px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 14px; }
.user_info .avatar { left: -60px; position: absolute; top: 0; }
.user_info .avatar img { height: 48px; width: 48px; }
.quick_reply_box { background: #FFFFFF; border-top: 1px solid #E4E4E4; display: none; margin-top: 20px; padding-left: 80px; padding-right: 20px; padding-top: 6px; }
.icon20_common.reply_gray { background: url(../images/base_z.png) no-repeat 0 -2724px; margin-bottom: -5px; margin-left: 14px; }
.icon20_common.reply_gray:hover { background-position:0 -2754px; }
.icon20_common { display: inline-block; height: 20px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 20px; }
.icon16_common.star_gray { background: url(../images/base_z.png) no-repeat 0 -1741px; }
.icon16_common.star_gray:hover { background: url(../images/base_z.png) no-repeat 0 -1766px; }
.message_opr a { margin-left: 14px; }
.quick_reply_box .frm_label { display: block; float: none; padding-bottom: 8px; }
.frm_label { float: left; font-size: 14px; margin-right: 1em; margin-top: 0.3em; width: 5em; }
.emotion_editor { border: 1px solid #D3D3D3; border-radius: 3px; position: relative; z-index: 1; }
.emotion_editor .edit_area { background-color: #FFFFFF; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 80px; outline: 0 none; padding: 14px 20px; word-break: break-all; word-wrap: break-word; }
.editor_toolbar { background: #F5F6F6; background-image: linear-gradient(to bottom, #FAFAFB 0px, #F2F3F3 100%); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #D3D3D3; line-height: 36px; padding: 0 20px; }
.icon_emotion { background: url(../images/icon28_msgsender1c6bdf.png) no-repeat; display: inline-block; height: 28px; vertical-align: middle; width: 28px; }
.emotion_switch { float: left; height: 28px; line-height: 999em; margin-top: 4px; overflow: hidden; }
.icon_emotion.emotion_switch { background-position: 0 -282px; }
.editor_tip { color: #7B7B7B; float: right; }
.editor_tip em { font-style: normal; font-weight: 400; margin-left: 3px; margin-right: 3px; }
.emotion_wrp { display: none; left: 20px; position: absolute; top: 100%; width: 421px; }
.emotions { background-color: #D3D3D3; border-right: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; overflow: hidden; }
.emotions_item { background-color: #FFFFFF; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; float: left; font-size: 0; height: 27px; line-height: 27px; text-align: center; width: 27px; }
.emotions_preview { background-color: #FFFFFF; border: 1px solid #D3D3D3; display: block; font-size: 0; height: 80px; line-height: 80px; position: absolute; right: -81px; text-align: center; top: 0; width: 80px; }
.btn_primary { background-color: #5AAA4B; background-image: linear-gradient(to bottom, #60B452 0px, #56A447 100%); border-color: #3D810C; color: #FFFFFF; }
.btn.btn_input { padding: 0; }
.quick_reply_box_tool_bar .pickup { margin-left: 16px; }
.icon_menu { display: inline-block; height: 23px; margin-right:10px; margin-top: -0.2em; vertical-align: middle; width: 23px; }
.icon_menu.manage { background: url(../images/base_z.png) no-repeat; }
.icon_menu.function { background: url(../images/base_z.png) no-repeat 0 -33px; }
.icon_menu_switch { margin-top: -9px; position: absolute; right: 16px; top: 50%; }
.icon_menu_switch { background:url(../images/base_z.png) no-repeat 0 -396px; ; display: inline-block; height: 16px; vertical-align: middle; width: 16px; }
.icon_menu.service { background: url(../images/base_z.png) no-repeat 0 -99px; }
.icon_common.new { background: url(../images/base_z.png) no-repeat 0 -595px; display: inline-block; height: 18px; line-height: 100px; margin-left: 3px; margin-top: 3px; overflow: hidden; vertical-align: middle; width: 18px; }
.menu_title .new { margin-left: 3px; margin-top: 3px; }
.icon_menu.statistics { background: url(../images/base_z.png) no-repeat 0 -66px; }
.icon_menu.setting { background: url(../images/base_z.png) no-repeat 0 -132px; }
.foot { background-color: #727171; color: #DADADA; padding: 24px 0; text-align: center; }
.ft.links { display: inline-block; margin-right: 2.5em; }
.links_item { border-left: 1px solid #797979; display: inline-block; line-height: 1em; padding: 0 1em; }
.links_item.no_extra { border-left-width: 0; }
.ft .links_item { border-left-color: #DADADA; }
.ft .links_item a { color: #DADADA; }
.copyright { display: inline-block; }
.mark { background:#000000; left: 0; opacity: 0.4; position: absolute; top: 0; z-index:99; }
.dialog_wrp { left: 50%; display:none; position:absolute; top: 50%; width:600px; z-index:100; border:5px solid #c9c9c9; background:#fff; box-shadow:2px 2px 2px #c9c9c9, -2px -2px 2px #c9c9c9; height:400px; margin:-200px 0 0 -300px; }
.dialog_wrp .dialog_hd { background-color: #E7E7E7; background-image: linear-gradient(to bottom, #F2F2F2 0px, #E0E0E0 100%); border-bottom: 1px solid #C2C2C2; height: 38px; line-height: 38px; padding: 0 20px; position: relative; color:#222222; }
.dialog_hd .pop_closed { height: 13px; overflow: hidden; position: absolute; right: 20px; top: 14px; width: 13px; background:url(../images/clo.png) no-repeat; cursor:pointer; }
.type { position: absolute; top: 2px; left: 0; }
.icon_subscribe_label1 { background: url("../images/type.png") 0 -5px no-repeat; width: 38px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; }
.icon_subscribe_label2 { background: url("../images/type.png") 0 -30px no-repeat; width: 38px; height: 16px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; }
#footer { background-color: #727171; color: #DADADA; margin-top: 50px; padding: 30px 0; text-align: center; }
#footer a { color: #DADADA; margin-left: 10px; padding-right: 10px; }
.page_tips { position: fixed; top: 0; left: 0; text-align: center; width: 100%; z-index: 3 }
.page_tips .inner { display: inline-block; *display: inline;
*zoom: 1;
min-width: 250px; padding: 5px 30px; border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; color: #fff }
.page_tips.success .inner { background-color: #6bb05e; border: 1px solid #549249; border-top-width: 0 }
.page_tips.error .inner { background-color: #eaa000; border: 1px solid #b98710; border-top-width: 0 }
.page_media_list .main_bd { padding:0 0 40px; }
.appmsg_list:after { content: "."; display: inline-block; font-size: 0; height: 0; margin: 0; overflow: hidden; padding: 0; width: 100%; }
.page_media_list .appmsg_list { border-bottom: 1px solid #E6E6E6; margin-bottom: 20px; }
.appmsg_list { font-size: 0; letter-spacing: -4px; margin: 0 46px; padding-top: 38px; text-align: justify; }
.appmsg_col { display: inline-block; font-size: 14px; letter-spacing: normal; text-align: left; vertical-align: top; width: 48%; }
.appmsg_col { font-size: 14px; letter-spacing: normal; }
.create_access { border: 3px dashed #B8B8B8; border-radius: 5px; display: block; font-size: 0; line-height: 150px; margin-bottom: 20px; text-align: center; }
.create_access a { color: #D9D9D9; display: none; font-size: 14px; line-height: normal; margin-left: 10px; margin-right: 10px; vertical-align: middle; }
.create_access:hover a { display:inline-block; }
.create_access:hover .add_gray { display:none; }
.icon_appmsg_create { background: url(../images/media_list_z.png) no-repeat; display: inline-block; height: 56px; vertical-align: middle; width: 50px; }
.create_access a strong { display: block; font-style: normal; font-weight: 400; }
.icon_appmsg_create.multi { background: url(../images//media_list_z.png) no-repeat 0 -132px; }
.icon42_common.add_gray { background: url(../images/base_z.png) no-repeat 0 -3065px; }
.create_access i { cursor: pointer; }
.icon42_common { display: inline-block; height: 42px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 42px; }
.appmsg { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; position: relative; }
.multi .appmsg_content { padding: 0; }
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px; position: relative; }
.multi .appmsg_info { padding-left: 14px; padding-right: 14px; }
.appmsg_info { font-size: 13px; line-height: 20px; }
.appmsg_date { font-style: normal; font-weight: 400; }
.cover_appmsg_item { margin: 0 14px 14px; position: relative; }
.cover_appmsg_item .appmsg_title { background:rgba(0, 0, 0, 0.6) !important; bottom: 0; left: 0; position: absolute; width: 100%; }
.multi .appmsg_title { font-size: 14px; padding-top: 0; }
.appmsg_title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; max-height: 56px; overflow: hidden; padding-top: 6px; word-break: break-all; word-wrap: break-word; }
.cover_appmsg_item .appmsg_title a { color: #FFFFFF; padding: 0 4px; }
.appmsg_thumb_wrp { height: 160px; overflow: hidden; }
.appmsg_thumb { width: 100%; }
.appmsg_item { border-top: 1px solid #D3D3D3; padding: 12px 14px; position: relative; }
.appmsg_item:after { clear: both; content: "​"; display: block; height: 0; }
.appmsg_item .appmsg_thumb { float: right; height: 78px; margin-left: 14px; width: 78px; }
.appmsg_item .appmsg_title { line-height: 24px; margin-top: 14px; max-height: 48px; overflow: hidden; }
.appmsg_title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; max-height: 56px; overflow: hidden; padding-top: 6px; word-break: break-all; word-wrap: break-word; }
.multi .appmsg_title { font-size: 14px; padding-top: 0; }
.appmsg_title a { color: #222222; display: block; }
.appmsg_opr { background-color: #F4F4F4; }
.appmsg_opr ul { overflow: hidden; }
.appmsg_opr_item { float: left; height: 44px; line-height: 44px; }
.size1of2 { width: 50%; }
.appmsg_opr_item a { border-right: 1px solid #D3D3D3; box-shadow: 1px 0 0 0 #FFFFFF; display: block; line-height: 20px; margin-top: 12px; text-align: center; }
.icon18_common { display: inline-block; height: 18px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 18px; }
.icon18_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -2584px; }
.grid_item.no_extra { float: none; overflow: hidden; width: auto; }
.appmsg_opr_item a.no_extra { border-right-width: 0; }
.icon18_common.del_gray { background: url(../images/base_z.png) no-repeat 0 -2192px; }
.appmsg_col { display: inline-block; font-size: 14px; letter-spacing: normal; text-align: left; vertical-align: top; width: 48%; }
.appmsg_col { font-size: 14px; letter-spacing: normal; text-align: left; }
.appmsg { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; position: relative; }
.multi .appmsg_content { padding: 0; }
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px; position: relative; }
.appmsg_info { font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.table_msg { border: 1px solid #D3D3D3; border-radius: 3px; }
.table_msg table { background-color: #FFFFFF; border-collapse: collapse; border-radius: 3px; font-size: 14px; text-align: center; width: 100%; }
.table_msg table thead { background-color: #F0F0F0; }
.table_msg tr:last-child { border-bottom: 0 none; }
.table_msg thead .asc { width: 105px; }
.thead .table_cell:first-child { border-left-width: 0; }
.table_msg thead th { padding-left: 10px; padding-right: 10px; text-align: left; }
.thead .table_cell { border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; line-height: 32px; }
.table_cell { font-style: normal; font-weight: 400; padding: 0; }
.table_msg tr { border-bottom: 1px solid #E6E6E6; }
.table_msg table tbody tr td { height: 31px; padding-left: 10px; padding-right: 10px; text-align: left; }
.table_msg tr:last-child { border-bottom: 0 none; }
.table_msg tr td { border-right: 1px solid #E6E6E6; }
.table_msg table { border-collapse: collapse; font-size: 14px; text-align: center; }
.table_msg tr td ul li { border-bottom: 1px solid #E6E6E6; padding: 5px 10px; }
.table_msg tr td ul .last_li { border-bottom: 0 none; }
.side_r.inner_container_box.split .inner_side { border-left-width: 0; margin-left: 14px; }
.side_r.inner_container_box .inner_side { border-left: 1px solid #D3D3D3; float: right; }
.inner_side { width: 185px; }
.col_side, .inner_side { min-height: 1px; }
.inner_container_box.split .bd { border: 1px solid #D3D3D3; border-radius: 3px; }
.inner_container_box .bd { min-height: 530px; }
.group_list { padding-bottom: 100px; }
.group_list .inner_menu { border-bottom-width: 0; }
.inner_menu:first-child { border-top-width: 0; }
.inner_menu { border-top: 1px solid #CCCCCC; }
.group_list dt.inner_menu_item { background-color: #D6D6D6; border-bottom: 1px solid #CCCCCC; }
.inner_menu_item { line-height: 32px; position: relative; }
.inner_menu_link { color: #222222; display: block; padding-left: 1em; text-decoration: none }
.inner_menu_item { line-height: 32px; position: relative; }
dd .inner_menu_link { padding-left: 2em; }
.group_list .inner_menu_item.extra { border-top: 1px solid #D3D3D3; box-shadow: 0 1px 0 0 #F5F5F5 inset; margin: 1em; }
.icon14_common.add_gray { background: url(../images/base_z.png) no-repeat 0 -1323px; }
.group_list .inner_menu_link strong { max-width: 75px; }
.inner_menu_link strong { cursor: pointer; display: inline-block; font-style: normal; font-weight: 400; margin-top: -2px; max-width: 80px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: auto; }
.group_list .inner_menu { border-bottom-width: 0; }
.inner_menu.no_extra { border-top-width: 0; }
.group_list .inner_menu_item:hover, .group_list .inner_menu_item.selected { background-color: #F0F0F0; }
.group_list dt.inner_menu_item { background-color: #D6D6D6; border-bottom: 1px solid #CCCCCC; }
.group_list .inner_menu_link strong { max-width: 75px; }
.group_list .inner_menu_link .num { color: #939393; cursor: pointer; display: inline-block; font-style: normal; font-weight: 400; padding-left: 3px; vertical-align: middle; }
.inner_main { display: table-cell; float: none; width: auto; }
.sub_title_bar:after { clear: both; content: "​"; display: block; height: 0; }
.page_user .sub_title_bar { border-bottom-width: 0; padding: 0 12px; }
.sub_title_bar.default { background-color: #E1E1E1; border-bottom: 1px solid #C4C4C4; }
.sub_title_bar { line-height: 38px; padding: 0 20px; }
.group_select { float: left; }
.dropdown_menu { display: inline-block; line-height: normal; position: relative; text-align: left; width: 95px; }
.group_select .dropdown_wrp { margin-right: 0.5em; }
.dropdown_menu.disabled .dropdown_switch { background-color: #D1D1D1; background-image: linear-gradient(to bottom, #D1D1D1 0px, #D1D1D1 100%); border-color: #CACACA; color: #AEAEAE; cursor: default; }
.btn.dropdown_switch { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; height: 25px; line-height: 25px; padding-left: 0; padding-right: 0; text-align: left; width: 100%; }
.dropdown_switch { position: relative; }
.dropdown_menu.disabled .dropdown_switch label { cursor: default; }
.dropdown_switch label { cursor: pointer; display: block; margin-left: 10px; margin-right: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; }
.group_select label { vertical-align: middle; }
.dropdown_menu.disabled .dropdown_switch .arrow { border-top-color: #AEAEAE; }
.dropdown_switch .arrow { border-color: #666666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-right: 6px dashed rgba(0, 0, 0, 0); border-style: solid dashed dashed; border-width: 6px 6px 0; display: inline-block; height: 0; margin-top: -3px; position: absolute; right: 8px; top: 50%; width: 0; }
.page_user .dropdown_data_list { max-height: 100px; }
.dropdown_data_list { background-color: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; font-size: 14px; left: 0; max-height: 150px; min-height: 2em; min-width: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; top: 26px; z-index: 1; }
.dropdown_data_item { line-height: 30px; }
.dropdown_data_item a { color: #222222; display: block; padding: 0 28px 0 10px; text-decoration: none; white-space: nowrap; }
.pagination_wrp { text-align: right; }
.pagination_wrp { text-align: right; }
.page_nav_area { letter-spacing: 4px; }
.page_nav_area, .goto_area { display: inline-block; font-size: 12px; vertical-align: middle; }
.col_main, .col_side { word-break: break-all; word-wrap: break-word; }
.table { background-color: #FFFFFF; border-bottom: 1px solid #E6E6E6; border-top: 1px solid #D3D3D3; font-size: 14px; text-align: center; width: 100%; }
.thead { background-color: #F0F0F0; }
.tbody tr:first-child .table_cell { border-top-width: 0; }
.user_list .table_cell.user { padding-left: 12px; text-align: left; }
.user_info { margin-left: 90px; min-height: 48px; position: relative; word-break: break-all; word-wrap: break-word; }
.user_info .avatar { left: -60px; position: absolute; top: 0; }
.user_info .avatar img { height: 48px; width: 48px; }
.user_info .frm_checkbox_label { left: -90px; position: absolute; top: 0; }
.frm_radio_label, .frm_checkbox_label { cursor: pointer; display: inline-block; margin-right: 1em; text-align: left; }
.icon_checkbox { margin-right: 4px; }
.icon_checkbox { background: url(../images/base_z.png) no-repeat 0 -3259px; display: inline-block; height: 16px; margin-top: -0.2em; vertical-align: middle; width: 16px; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
.frm_radio, .frm_checkbox { left: -999em; position: absolute; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
textarea, input { color: #666666; }
.tbody tr:first-child .table_cell { border-top-width: 0; }
.user_list .table_cell.user_category { width: 102px; }
.tbody .table_cell { border-top: 1px solid #E6E6E6; padding: 1em 0; }
.dropdown_menu { display: inline-block; line-height: normal; position: relative; text-align: left; width: 95px; }
.tbody tr:first-child .table_cell { border-top-width: 0; }
.user_list .table_cell.user_opr { width: 112px; }
.btn.group_all, .user_opr .btn { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; height: 25px; line-height: 25px; padding-left: 1em; padding-right: 1em; width: auto; }
.group_list .inner_menu_item .frm_input_box { display: none; width: auto; }
.group_list .inner_menu_link { }
.inner_menu .menu_opr { display: none; position: absolute; right: 1em; top: 0; }
.icon16_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -1663px; }
.inner_menu .menu_opr a.no_extra { margin-left: 0; }
.inner_menu .menu_opr a { display: inline-block; margin-left: 0.5em; margin-top: -0.2em; }
.icon_checkbox.selected, .selected .icon_checkbox { background: url(../images/base_z.png) no-repeat 0 -3285px; }
.icon_checkbox { margin-right: 4px; }
#userGroups .innder_box { border-bottom: none; box-shadow: none; }
.icon16_common.del_gray { background: url(../images/base_z.png) no-repeat 0 -1689px; }
.buddyRichInfo { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 1px 1px #DDDDDD; color: #000000; left: 0; position: absolute; top: 0; width: 200px; z-index: 1; display: none; }
.buddyRichInfo .header { background-color: #EEEEEE; color: #7B7B7B; font-weight: 700; padding: 3px 12px; }
.buddyRichInfo .infoArea, .buddyRichInfo .loadingArea { border-top: 1px solid #D3D3D3; padding: 3px 15px; }
.buddyRichInfo .loadingArea { height: 150px; text-align: center; }
.vm_box { display: inline-block; height: 100%; vertical-align: middle; }
.buddyRichInfo .infoArea, .buddyRichInfo .loadingArea { border-top: 1px solid #D3D3D3; padding: 3px 15px; }
.buddyRichInfo .line { padding: 2px 0; }
.buddyRichInfo .buddyRichContent .remarkArea span, .buddyRichInfo .buddyRichContent .nickName, .buddyRichInfo .buddyRichContent .remarkName { display: inline-block; height: 23px; margin: 0; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.icon16_common.man_blue { background: url(../images/base_z.png) no-repeat 0 -1896px; }
.buddyRichInfo .line { padding: 2px 0; }
.icon14_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -1371px; }
.group:after {
clear: both content: "​"; display: block; height: 0; }
.buddyRichInfo .buddyRichContent .group { width: 120px; }
/* 单图文消息 */
.media_preview_area { float: left; margin-right: 14px; width: 320px; }
.appmsg { background-color: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; position: relative; }
.page_appmsg_edit .appmsg { min-height: 180px; }
.editing .appmsg_content { border-bottom-width: 0; box-shadow: none; }
.appmsg_content { border-bottom: 1px solid #D3D3D3; padding: 0 14px; position: relative; }
.appmsg_title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; max-height: 56px; overflow: hidden; padding-top: 6px; word-break: break-all; word-wrap: break-word; }
.appmsg_title a { color: #222222; display: block; }
.appmsg_info { font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.appmsg_date { font-style: normal; font-weight: 400; }
.appmsg_thumb_wrp { height: 160px; overflow: hidden; }
.editing .appmsg_thumb { display: none; }
.appmsg_thumb { width: 100%; }
.appmsg_thumb.default { background-color: #ECECEC; color: #C0C0C0; display: block; font-size: 22px; font-style: normal; font-weight: 400; line-height: 160px; text-align: center; }
.editing .appmsg_thumb.default { display: block; }
.appmsg_desc { padding: 5px 0 10px; word-break: break-all; word-wrap: break-word; }
.media_edit_area:after { clear: both; content: " . . . . .  "; display: block; height: 0 !important; line-height: 0; visibility: hidden; }
.media_edit_area { display: table-cell; float: none; width: auto; }
.appmsg_editor { padding-left: 12px; position: relative; }
.appmsg_editor .inner { background-color: #F8F8F8; border: 1px solid #D3D3D3; border-radius: 3px; box-shadow: 0 1px 1px 0 #FFFFFF inset; min-height: 350px; padding: 20px; }
.appmsg_edit_item { padding-bottom: 1em; }
.appmsg_edit_item .frm_label:after { clear: both; content: "​"; display: block; height: 0; }
.appmsg_edit_item .frm_label { display: block; float: none; margin-bottom: 4px; margin-right: 0; width: auto; }
.frm_label { float: left; font-size: 14px; margin-right: 1em; margin-top: 0.3em; width: 5em; }
.frm_input_box { background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; position: relative; vertical-align: middle; width: 278px; }
.appmsg_edit_item .frm_input_box { border-color: #D3D3D3; display: block; height: auto; min-height: 30px; width: auto; }
.frm_input, .frm_textarea { background-color: rgba(0, 0, 0, 0); border: 0 none; outline: 0 none; width: 100%; }
.frm_input { height: 22px; margin: 4px 0; }
.appmsg_edit_item .title { float: left; font-style: normal; font-weight: 400; }
.appmsg_edit_item .tips { color: #A3A3A3; }
.l { float: left; }
.upload_box { display: inline-block; line-height: 1.6; position: relative; vertical-align: middle; z-index: 1; }
.frm_input_box .upload_box { margin-top: -0.35em; }
.upload_area { display: inline-block; position: relative; vertical-align: middle; }
.upload_area .upload_access { color: #666666; display: inline-block; vertical-align: top; }
.icon18_common.upload_gray { background: url(../images/base_z.png) no-repeat 0 -2332px; }
.upload_area .upload_access i { margin-top: -0.2em; }
.upload_file_box { background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 3px; box-shadow: 0 1px 1px #EBEBEB; left: 0; position: absolute; top: 100%; white-space: nowrap; width: 320px; }
.page_appmsg_edit .upload_file_box { border-color: #D3D3D3; border-radius: 0; left: -12px; top: 22px; width: 377px; }
.frm_input_box .upload_box .upload_file_box { border-color: #D3D3D3; border-radius: 0; }
.upload_area object { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.upload_preview { margin-top: 10px; }
.frm_tips { color: #A3A3A3; padding-top: 4px; width: 300px; }
.frm_textarea_box { background-color: #FFFFFF; border: 1px solid #C3C3C3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; display: inline-block; font-size: 14px; padding: 4px 0 4px 10px; width: 288px; }
.appmsg_edit_item .frm_textarea_box { border-color: #D3D3D3; display: block; width: auto; }
.frm_textarea { height: 100px; }
.icon16_common.close { background: url(../images/base_z.png) no-repeat 0 -1611px; }
.appmsg_edit_item.content_edit .close { display: none; position: absolute; right: 20px; top: 12px; }
.r { float: right; }
.edui_editor_wrp { position: relative; z-index: 0; }
.edui-editor { background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: visible; position: relative; }
.edui-default .edui-editor { background-color: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 4px; overflow: visible; position: relative; }
.editor_extra_info { padding-top: 6px; text-align: right; }
.editor_extra_info a { color: #A3A3A3; }
.tool_area { padding: 0 20px; }
.page_appmsg_edit .tool_area { clear: both; margin: 0; padding: 20px 0; }
.tool_area:after { clear: both; content: "​"; display: block; height: 0; }
.tool_bar:after { clear: both; content: "​"; display: block; height: 0; }
.page_appmsg_edit .tool_bar { margin-left: 0; margin-right: 0; }
.tool_bar.border { border-top: 1px solid #E6E6E6; box-shadow: 0 1px 0 #FBFBFB inset; }
.tc { text-align: center; }
.tool_bar { padding-bottom: 50px; }
.tool_bar { margin-top: 40px; padding-top: 25px; }
.btn.btn_input { padding: 0; }
.tool_bar.tc .btn { margin-left: 0.5em; margin-right: 0.5em; }
.btn_default { background-color: #F4F4F4; background-image: linear-gradient(to bottom, #F9F9F9 0px, #F0F0F0 100%); border-color: #C3C3C3; color: #000000; }
.btn_default button { color: #000000; }
.btn button { background-color: rgba(0, 0, 0, 0); border: 0 none; display: block; height: 100%; outline: 0 none; overflow: visible; padding: 0 36px; }
.cover_appmsg_item .appmsg_edit_mask { line-height: 160px; }
.appmsg_edit_mask { background: none repeat scroll 0 0 rgba(229, 229, 229, 0.85) !important; display: none; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; }
.icon18_common.edit_gray { background: url(../images/base_z.png) no-repeat 0 -2584px; }
.appmsg_edit_mask a { margin-left: 8px; margin-right: 8px; }
.appmsg_item .appmsg_thumb.default { font-size: 16px; line-height: 78px; }
.appmsg_item .appmsg_edit_mask { line-height: 102px; }
.appmsg_add { line-height: 72px; padding: 12px 14px; text-align: center; }
.appmsg_add a { border: 3px dotted #B8B8B8; border-radius: 5px; display: block; font-size: 0; height: 72px; text-decoration: none; }
.icon24_common { display: inline-block; height: 24px; line-height: 100px; overflow: hidden; vertical-align: middle; width: 24px; }
.icon24_common.add_gray { background: url(../images/base_z.png) no-repeat 0 -3031px; }
.editing .cover_appmsg_item:hover .appmsg_edit_mask, .editing .appmsg_item:hover .appmsg_edit_mask {
    display: block;
}